<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>
<h:body>
	<ui:composition template="/WEB-INF/facelets/templateAdmin.xhtml">
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
					draggable="false" closable="false" resizable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>
				<h:form id="form">
					<p:panel id="msgProjectClientesTitle" header="Usuarios Internos"
						style="height:350px;width:1070px">
						<p:messages id="msg" showDetail="false" />
						<p:dataTable id="tabla" value="#{usuariosInternosView.data}"
							var="usuariosInternos" paginator="true" rows="5" editable="true"
							style="height:100px;width:1058px">
							<p:ajax event="rowEdit" update=":form:msg,:form:tabla"
								listener="#{usuariosInternosView.rowEventListener}" />

							<p:column filterBy="#{usuariosInternos.nombres}"
								sortBy="#{usuariosInternos.nombres}" headerText="Nombres"
								style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.nombres}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{usuariosInternos.nombres}"
											maxlength="50" style="height:20px;width:250px" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column filterBy="#{usuariosInternos.apellidos}"
								sortBy="#{usuariosInternos.apellidos}" headerText="Apellidos"
								style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.apellidos}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{usuariosInternos.apellidos}"
											maxlength="50" style="height:20px;width:250px" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column filterBy="#{usuariosInternos.numeroIdentificacion}"
								sortBy="#{usuariosInternos.numeroIdentificacion}"
								headerText="Numero de Identificacion"
								style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.numeroIdentificacion}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{usuariosInternos.numeroIdentificacion}"
											maxlength="50" style="height:20px;width:250px" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column filterBy="#{usuariosInternos.correoElectronico}"
								sortBy="#{usuariosInternos.correoElectronico}"
								headerText="Email" style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.correoElectronico}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{usuariosInternos.correoElectronico}"
											maxlength="50" style="height:20px;width:250px"
											validatorMessage="Ingrese un Email Valido">
											<f:validateRegex
												pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column filterBy="#{usuariosInternos.login}"
								sortBy="#{usuariosInternos.login}" headerText="Login"
								style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.login}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{usuariosInternos.login}" maxlength="50"
											style="height:20px;width:250px" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							<!-- 
							<p:column
								filterBy="#{usuariosInternos.idAreaInvolucrada_AreasInvolucradas}"
								sortBy="#{usuariosInternos.idAreaInvolucrada_AreasInvolucradas}"
								headerText="Area Involucrada" style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{usuariosInternos.idAreaInvolucrada_AreasInvolucradas}" />
									</f:facet>
									<f:facet name="input">
										<p:selectOneMenu id="AreaInvolucrada2"
											value="#{usuariosInternosView.idAreaInvolucrada}"
											style="height:20px;width:150px">
											<f:selectItems
												value="#{usuariosInternosView.areasInvolucradas}" />
										</p:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column filterBy="#{usuariosInternos.idRol_Roles}"
								sortBy="#{usuariosInternos.idRol_Roles}"
								headerText="Rol Usuario" style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.idRol_Roles}" />
									</f:facet>
									<f:facet name="input">
										<p:selectOneMenu id="Rol2"
											value="#{usuariosInternosView.idRol}"
											style="height:20px;width:150px">
											<f:selectItems value="#{usuariosInternosView.idRoles}" />
										</p:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>
							-->
							<p:column filterBy="#{usuariosInternos.estadoRegistro}"
								sortBy="#{usuariosInternos.estadoRegistro}" headerText="Estado"
								style="height:20px;width:250px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{usuariosInternos.estadoRegistro}" />
									</f:facet>
									<f:facet name="input">
										<p:selectOneMenu id="estadoRegistro"
											value="#{usuariosInternosView.estadoRegistroSeleccionado}"
											style="height:20px;width:75px">
											<f:selectItem itemValue="A" itemLabel="Activo" />
											<f:selectItem itemValue="I" itemLabel="Inactivo" />
										</p:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Editar" style="height:20px;width:100px">
								<p:commandLink update=":dialogEditarUsuarios"
									action="#{usuariosInternosView.action_edit()}"
									title="View Modify">
									<p:rowEditor id="editar" />
									<f:setPropertyActionListener
										value="#{usuariosInternos.idUsuInterno}"
										target="#{usuariosInternosView.idUsuInterno}" />
								</p:commandLink>
							</p:column>


						</p:dataTable>
					</p:panel>
					<p:panel id="panelBoton" style="height:40px;width:1070px">
						<div align="center">
							<p:commandButton id="btnNew" value="Nuevo"
								action="#{usuariosInternosView.action_new()}"
								update=":dialogUsuariosInternos" />
						</div>
					</p:panel>
				</h:form>
				<p:dialog id="dialogUsuariosInternos" appendToBody="true"
					draggable="true" closable="false"
					visible="#{usuariosInternosView.showDialog}" resizable="false"
					modal="true" width="500">
					<h:form id="formDialog">
						<p:messages id="msg" showDetail="false" />
						<p:panel id="panelUsuariosInternos" header="Nuevo Usuario">
							<h:panelGrid columns="2" id="panelGrid">
								<h:outputText id="msgNombres" value="*Nombres:" />
								<p:inputText id="txtNombres"
									binding="#{usuariosInternosView.txtNombres}" maxlength="50"
									style="height:20px;width:250px" />

								<h:outputText id="msgApellidos" value="*Apellidos:" />
								<p:inputText id="txtApellidos"
									binding="#{usuariosInternosView.txtApellidos}" maxlength="50"
									style="height:20px;width:250px" />

								<h:outputText id="msgNumeroIdentificacion"
									value="*Numero de Identificacion:" />
								<p:inputText id="txtNumeroIdentificacion"
									binding="#{usuariosInternosView.txtNumeroIdentificacion}"
									maxlength="50" style="height:20px;width:250px" />

								<h:outputText id="msgLogin" value="*Login:" />
								<p:inputText id="txtLogin"
									binding="#{usuariosInternosView.txtLogin}" maxlength="50"
									style="height:20px;width:250px" />

								<h:outputText id="msgCorreoElectronico" value="*Email:" />
								<p:inputText id="txtCorreoElectronico"
									binding="#{usuariosInternosView.txtCorreoElectronico}"
									maxlength="50" style="height:20px;width:250px" />
								<h:outputText for="passContrasena" id="msgContrasena"
									value="Password : *:" />
								<p:password id="passContrasena"
									value="#{usuariosInternosView.password}"
									match="passContrasena2" label="Password 1" maxlength="50"
									style="height:20px;width:250px"
									validatorMessage="ContraseÃ±a no Coincide" feedback="true" />

								<h:outputText for="passContrasena2"
									value="Confirmacion Password: *" />
								<p:password id="passContrasena2"
									value="#{usuariosInternosView.password}" label="Password 2"
									maxlength="50" style="height:20px;width:250px" />


								<h:outputText id="msgAreaInvolucrada" value="*Area Involucrada:" />
								<p:selectOneMenu id="UsuariosInternos"
									value="#{usuariosInternosView.idAreaInvolucrada}"
									style="height:20px;width:250px">
									<f:selectItem itemLabel="Seleccione" itemValue="" />
									<f:selectItems
										value="#{usuariosInternosView.areasInvolucradas}" />
								</p:selectOneMenu>
								<h:outputText id="msgRol" value="*Rol:" />
								<p:selectOneMenu id="UsuariosInternos2"
									value="#{usuariosInternosView.idRol}"
									style="height:20px;width:250px">
									<f:selectItem itemLabel="Seleccione" itemValue="" />
									<f:selectItems value="#{usuariosInternosView.idRoles}" />
								</p:selectOneMenu>

								<h:outputText id="msgEstadoRegistro" value="*Estado:" />
								<p:selectOneMenu id="estadoRegistro"
									value="#{usuariosInternosView.estadoRegistroSeleccionado}"
									style="height:20px;width:75px">
									<f:selectItem itemValue="A" itemLabel="Activo" />
									<f:selectItem itemValue="I" itemLabel="Inactivo" />
								</p:selectOneMenu>
							</h:panelGrid>
						</p:panel>

						<p:panel id="panelBotones">
							<div align="center">
								<p:commandButton id="btnSave" value="Guardar"
									binding="#{usuariosInternosView.btnSave}"
									action="#{usuariosInternosView.action_save()}"
									update=":dialogUsuariosInternos :form:msgProjectClientesTitle" />
								<p:commandButton id="btnClear" value="Limpiar"
									action="#{usuariosInternosView.action_clear()}"
									update=":dialogUsuariosInternos" />
								<p:commandButton id="btnExit" value="Salir"
									action="#{usuariosInternosView.action_closeDialog()}"
									update=":dialogUsuariosInternos" />
							</div>
						</p:panel>
					</h:form>
				</p:dialog>



				<p:dialog id="dialogEditarUsuarios" appendToBody="true"
					draggable="true" closable="false"
					visible="#{usuariosInternosView.showDialog2}" resizable="false"
					modal="true" width="500">
					<h:form id="formDialogEditar">
						<p:messages id="msgEditar" showDetail="false" />
						<p:panel id="panelEditarUsuarios" header="Modificar Usuario">
							<h:panelGrid columns="2" id="panelGridEditar">
								<h:outputText id="msgNombresEditar" value="*Nombres:" />
								<p:inputText id="txtNombresEditar"
									binding="#{usuariosInternosView.txtNombres2}" maxlength="50"
									style="height:20px;width:250px" />

								<h:outputText id="msgApellidosEditar" value="*Apellidos:" />
								<p:inputText id="txtApellidosEditar"
									binding="#{usuariosInternosView.txtApellidos2}" maxlength="50"
									style="height:20px;width:250px" />

								<h:outputText id="msgNumeroIdentificacionEditar"
									value="*Numero de Identificacion:" />
								<p:inputText id="txtNumeroIdentificacionEditar"
									binding="#{usuariosInternosView.txtNumeroIdentificacion2}"
									maxlength="50" style="height:20px;width:250px" />

								<h:outputText id="msgLoginEditar" value="*Login:" />
								<p:inputText id="txtLoginEditar"
									binding="#{usuariosInternosView.txtLogin2}" maxlength="50"
									style="height:20px;width:250px" />

								<h:outputText id="msgCorreoElectronicoEditar" value="*Email:" />
								<p:inputText id="txtCorreoElectronicoEditar"
									binding="#{usuariosInternosView.txtCorreoElectronico2}"
									maxlength="50" style="height:20px;width:250px" />

								<h:outputText id="msgAreaInvolucradaEditar"
									value="*Area Involucrada:" />
								<p:selectOneMenu id="UsuariosInternosEditar"
									value="#{usuariosInternosView.idAreaInvolucrada}"
									style="height:20px;width:250px">
									<f:selectItem itemLabel="Seleccione" itemValue="" />
									<f:selectItems
										value="#{usuariosInternosView.areasInvolucradas}" />
								</p:selectOneMenu>
								<h:outputText id="msgRolEditar" value="*Rol:" />
								<p:selectOneMenu id="UsuariosInternosEditar2"
									value="#{usuariosInternosView.idRol}"
									style="height:20px;width:250px">
									<f:selectItem itemLabel="Seleccione" itemValue="" />
									<f:selectItems value="#{usuariosInternosView.idRoles}" />
								</p:selectOneMenu>

								<h:outputText id="msgEstadoRegistroEditar" value="*Estado:" />
								<p:selectOneMenu id="estadoRegistroEditar"
									value="#{usuariosInternosView.estadoRegistroSeleccionado}"
									style="height:20px;width:75px">
									<f:selectItem itemValue="A" itemLabel="Activo" />
									<f:selectItem itemValue="I" itemLabel="Inactivo" />
								</p:selectOneMenu>
							</h:panelGrid>
						</p:panel>

						<p:panel id="panelEditarBotones">
							<div align="center">
								<p:commandButton id="btnSaveEditar" value="Guardar"
									binding="#{usuariosInternosView.btnModificar}"
									action="#{usuariosInternosView.action_modify_edit()}"
									update=":dialogEditarUsuarios :form:msgProjectClientesTitle" />
								<p:commandButton id="btnExitEditar" value="Salir"
									action="#{usuariosInternosView.action_closeDialog2()}"
									update=":dialogEditarUsuarios" />
							</div>
						</p:panel>
					</h:form>
				</p:dialog>
			</f:view>
		</ui:define>
	</ui:composition>
</h:body>
</html>